<template>
  <div>


    <el-breadcrumb separator=">">
      <el-breadcrumb-item :to="{ path: '/' }">{{ $t("BreadcrumbTitle") }}</el-breadcrumb-item>
      <template v-for="item in navList">
        <el-breadcrumb-item v-if="item.meta.title" :to="{ path: item.path }">
          {{ item.meta.title }}
        </el-breadcrumb-item>
      </template>

    </el-breadcrumb>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  data() {
    return {
      navList: [],

    };
  },
  computed: {
    // breadcrumbList() {
    //   return this.$route.matched;
    // },
  },
  methods: {
    getNavList() {
      this.navList = this.$route.matched


    }
  },
  created() {
    this.getNavList()
  },
  watch: {
    $route() {
      this.getNavList
    }
  }
};
</script>
<style></style>